<!-- 选项模块入口 -->
<template>
  <div id="user-cart">
    <user-cart-item class="first-item">
      <template v-slot:cart-left>
        <img src="~assets/img/profile/doctor.svg" alt="" />
      </template>
      <template v-slot:cart-center> 我关注的医生 </template>
      <template v-slot:cart-right> </template>
    </user-cart-item>
    <user-cart-item>
      <template v-slot:cart-left>
        <img src="~assets/img/profile/inquiry.svg" alt="" />
      </template>
      <template v-slot:cart-center> 我的问诊 </template>
      <template v-slot:cart-right> </template>
    </user-cart-item>
    <user-cart-item >
      <template v-slot:cart-left>
        <img src="~assets/img/profile/wallet.svg" alt="" />
      </template>
      <template v-slot:cart-center> 我的钱包 </template>
      <template v-slot:cart-right> </template>
    </user-cart-item>
    <user-cart-item>
      <template v-slot:cart-left>
        <img src="~assets/img/profile/cService.svg" alt="" />
      </template>
      <template v-slot:cart-center> 客服帮助 </template>
      <template v-slot:cart-right> </template>
    </user-cart-item>
  </div>
</template>

<script>
import UserCartItem from "./UserCartItem.vue";

export default {
  name: "",
  components: {
    UserCartItem,
  },
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
};
</script>

<style scoped>
#user-cart {
  margin: 20px;
  background-color: #fff;
  border-radius: 10px;
  padding: 0 15px;
}
.user-cart-item div img:first-child {
  width: 25px;
}
.user-cart-item img:last-child {
  width: 20px;
}
.first-item::after {
  content: "";
  border: 0;
}
</style>